@charset "UTF-8";
/* -------------------------------------------------
 * header css
 * ------------------------------------------------- */

.cover{
	
	width: 100%;
	height: 1000px;
	left:100%;
	position:fixed;
	z-index:2000;
	opacity:0.8; 
	display: none;
	background-color: #000;
	text-align: center;
	.personal-info{
		height: 40%;
		width: 100%;
		position: relative;
		text-align: center;
		border-bottom: 1px solid #0099f3;
		box-sizing: border-box;
		.portrait{
			border-radius: 50%;
			border: 3px solid #fff;
			width: 30%;
			margin-top: 10%;
		}
		
		.login_register_buttons{
			height: 40px;
			width: 100%;
			padding-left: 5%;
			padding-right: 5%;
			position: absolute;
			bottom: 0px;
		}
		.login_button{
			height: 100%;
			width: 45%;
			color: #ffffff;
			background-color: $defaultColor;
			text-align: center;
			float: left;

		}
		.register_button{
			height: 100%;
			width: 45%;
			color: #ffffff;
			background-color: #0099f3;
			margin-left: 10%;
			float: left;
		}

		span{
			font-size: 30px;
			left: 40%;
		}
		p.name{
			font-size: 30px;
			color: #0099f3;
		}
		
	}

	.link-block{
		margin: 1px 0;
		background-color: #000;
		height: 15%;
		width: 100%;
		position: relative;
		text-align: center;
		border-bottom: 1px solid $defaultColor;
		padding-top: 10%;
		span{
			font-size: 30px;
			color: #0099f3;
		}
	}

	#close_icon{
		position: absolute;
		top: 0.8em;
		right: 0.8em;
		font-size: 2.5em;
	}

	button{
		background-color: #0099f3;
		color: white;
		font-size: 30px;
		margin-top: 3%;
	}

}

